<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Dropshadow Testing</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			img
			{
				border: none;
			}
		</style>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.js" type="text/javascript"></script>
		<script src="jquery.simple.shadow.js" type="text/javascript"></script>
		<script type="text/javascript">
			
			$(document).ready(function(){
				$("#primary-nav").shadow();
				$("#sub-nav").shadow();
				$(".singleimage-container").shadow();
				
				//This element doesn't exist...it should be ignored.
				$("#DamnRalph").shadow();
			});
			
			
			
		</script>
		</head>
    <body>
		<div id="primary-nav" style="width:300px; height: 26px; border: 1px red solid;">link 1 | link 2 | link 3 | link 4</div>
		<div id="sub-nav" style="width: 180px; height: 300px;">
			<ul>
				<li>
					link
				</li>
				<li>
					link
				</li>
				<li>
					link
				</li>
				<li>
					link
				</li>
			</ul>
		</div>
		
		<div id="content">
			<div class="singleimage-container" style="width: 640px; height: 480px;><a id="some-image" href="#"><img src="http://www.damnralph.com/sushi.jpg" /></a></div>
		</div>
    </body>
</html>